<!DOCTYPE html>
<html lang="en" >
<head>
    <meta charset="UTF-8">
    <title>jQuery宽屏焦点图左右切换代码</title>
    <link rel='stylesheet prefetch' href='../css/flickity.css'>
    <link rel="stylesheet" href="../css/style.css">
    <style>
        *{
            padding:0;
            margin:0;
        }
    </style>
</head>


<body>
<div class="gallery">
    <div class="gallery-cell">
        <img src="../images/banner1.jpg" style="height:400px;width:100%;" />
    </div>
    <div class="gallery-cell">
        <img src="../images/banner2.jpg" style="height:400px;width:100%;"/>
    </div>
    <div class="gallery-cell">
        <img src="../images/banner3.jpg" style="height:400px;width:100%;" />
    </div>
    <div class="gallery-cell">
        <img src="../images/banner4.jpg" style="height:400px;width:100%;" />
    </div>
</div>

<script src='../js/jquery.min.js'></script>
<script src='../js/flickity.pkgd.js'></script>
<script  src="../js/lunbo.js"></script>

</body>
</html>
